<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="../public/img/shoye/favicon.ico">
  <link rel="stylesheet" href="../css/bootstrap.css">
  <link rel="stylesheet" href="../css/navhua.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/popper.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <title>鲜花速递</title>
  <style>
  </style>
</head>

<body>
  <!-- 页头 -->   
  <div class="head">
  <div class="center">
    <ul>
      <li>
        <a href="">
          <span class="hua hua-sc"></span>收藏花礼网(hua.com)
        </a>
      </li>
      <li>
        <a href="">
          <span class="hua hua-weixin"></span>关注微信
        </a>
      <div class="xlwx">
        <img src="../public/img/shoye/wxguanjia_qrcode.png" alt="">
        <p>扫码关注</p>
        <p>回复"礼物"更多惊喜</p>
      </div>
      </li>
      <li>
        <a href="#"><span class="hua hua-app"></span>花礼网app</a>
        <div class="xlap">
          <img src="../public/img/shoye/app_download_qrcode.png" alt="">
          <p>新人专享100元APP红包</p>
        </div>
      </li>
    </ul>
    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="./login.html">你好,请登录</a>
        <a href="./register.html">注册</a>
      </li>
      <li class="breadcrumb-item"><a href="">订单查询</a></li>
      <li class="breadcrumb-item"><a href="">我的花礼</a></li>
      <li class="breadcrumb-item">
        <a href="">
          客户服务
          <span class="dropdown-toggle"></span>
        <div class="xlcd">
          <a href="">在线付款</a>
          <a href="">帮助中心</a>
          <a href="">售后服务</a>
          <a href="">配送范围</a>
          <a href="">留言反馈</a>
        </div>
        </a>
      </li>
      <li class="breadcrumb-item">
        <a href="">
        <span class="hua hua-car"></span>购物车
        <span class="text-primary" id="gwcCount">(0)</span>
       <span class="dropdown-toggle"></span>
      </a>
        <div class="shopcar">
          <div>
            <span>您的购物车中没有商品，</span>
           <a href="">先去选购吧！ </a>
        </div>
        </div>
    
     </li>
      <li class="breadcrumb-item">鲜花礼品网:中国领先的鲜花网品牌</li>
    </ol> 
  </div>
 </div> 
  <!-- 搜索框 -->
  <div class="search">
    <div class="center">
      <!-- logo背景图 -->
      <div class="logo">
         <a href="" class="logo-bj">
          </a>
      </div>
      <!-- 搜索框 -->
      <div class="sosuo">
        <input type="text" placeholder="商品关键词">
        <button class="btn button">搜索</button>
        <div class="mt-1 ml-5">
          <a href="">红玫瑰</a>
          <a href="">精品鲜花</a>
          <a href="">生日鲜花</a>
          <a href="">港澳台送花</a>
        </div>
      </div>
      <!-- 联系方式 -->
      <div class="contact">
      <ol class="breadcrumb">
        <li class="breadcrumb-item" style="font-size: 14px;">
          <span class="hua hua-phone"></span>
          400-889-8188 
       </li>
        <li class="breadcrumb-item"><a href="">
          <span class="hua hua-rj"></span>
          在线客服
        </a></li>
      </ol>
     </div>
    </div>
  </div>
  <!-- 导航栏 -->
  <div class="navigation">
    <div class="center">
      <div class="nav-fist">
        <h3>
          <a href="">全部商品导购<span class="nav-it"></span></a>
          <div class="navname">
            <h4><a href="#">鲜花</a></h4>
            <ul class="navname-hua">
              <li><a href="">爱情鲜花</a></li>
              <li><a href="">生日鲜花</a></li>
              <li><a href="">友情鲜花</a></li>
              <li><a href="">问候长辈</a></li>
              <li><a href="">探病慰问</a></li>
              <li><a href="">道歉鲜花</a></li>
              <li><a href="">祝贺鲜花</a></li>
              <li><a href="">婚庆鲜花</a></li>
              <li><a href="">开业花篮</a></li>
            </ul>
            <h4><a href="#">永生花</a></h4>
            <ul>
              <li><a href="">经典花盒</a></li>
              <li><a href="">巨型玫瑰</a></li>
              <li><a href="">薰衣草</a></li>
              <li><a href="">永生瓶花</a></li>
              <li><a href="">特色永生花</a></li>
            </ul >
            
              <h4><a href="#">礼品</a></h4>
            <ul>
              <li><a href="">泰国保鲜花</a></li>
              <li><a href="">音乐盒</a></li>
              <li><a href="">水晶内雕</a></li>
              <li><a href="">金箔花</a></li>
              <li><a href="">化妆镜</a></li>
              <li><a href="">香薰系列</a></li>
              <li><a href="">音乐睡枕</a></li>
              <li><a href="">花瓶/相框</a></li>
              <li><a href="">卡通花束</a></li>
              <li><a href="">品牌公仔</a></li>
              <li><a href="">首饰</a></li>          
              <li><a href="">Giftstalk精选</a></li>
              <li><a href="">创意礼品</a></li>
              <li><a href="">礼品卡</a></li>
              <li><a href="">多肉植物盆栽</a></li>
            </ul>
            <h4><a href="">绿植</a></h4>
            <ul>
              <li><a href="">绿色植物</a></li>
              <li><a href="">盆栽花卉</a></li>
            </ul>
        </div>
        </h3>        
     
      </div>
      <div class="nav-two">
        <a href="./index.html">首页</a>
        <a href="./navhua.html">鲜花</a>
        <a href="./yshua.html">永生花</a>
        <a href="">蛋糕</a>
        <a href="">礼品</a>
        <a href="">巧克力</a>
        <a href="">花语大全</a>
        <a href="./flower.html">设计师臻选鲜花</a>
      </div>
    </div>
  </div>
  <!-- 内容展示 -->
  <div class="content">
    <div class="center pt-2 d-flex">
      <!-- 左边 -->
      <div class="content-zuo ">
        <!-- 第一部分 -->
        <div class="content-zuo-fist">
        <!-- 用途 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-1 d-block"></span>
            <h4>用途</h4>
          </div>
          <ul class="">
            <li><a href="">爱情鲜花</a></li>
            <li><a href="">友情鲜花</a></li>
            <li><a href="">生日鲜花</a></li>
            <li><a href="">问候长辈</a></li>
            <li><a href="">回报老师</a></li>
            <li><a href="">探病慰问</a></li>
            <li><a href="">道歉鲜花</a></li>
            <li><a href="">婚庆鲜花</a></li>
            <li><a href="">祝贺鲜花</a></li>
            <li><a href="">哀思鲜花</a></li>
            <li><a href="">商务鲜花</a></li>
            <li><a href="">开业花篮</a></li>
            <li><a href="">自选鲜花</a></li>
            <li><a href="">港澳台送花</a></li>
          </ul>
        </div>
        <!-- 花材 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-2 d-block"></span>
            <h4>花材</h4>
          </div>
          <ul class="">
            <li><a href="">玫瑰</a></li>
            <li><a href="">红玫瑰</a></li>
            <li><a href="">粉玫瑰</a></li>
            <li><a href="">白玫瑰</a></li>
            <li><a href="">紫玫瑰</a></li>
            <li><a href="">香槟玫瑰</a></li>
            <li><a href="">黄玫瑰</a></li>
            <li><a href="">康乃馨</a></li>
            <li><a href="">百合</a></li>
            <li><a href="">扶郎</a></li>
            <li><a href="">向日葵</a></li>
            <li><a href="">郁金香</a></li>
            <li><a href="">马蹄莲</a></li>
          </ul>
        </div>
        <!-- 颜色 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-3 d-block"></span>
            <h4>颜色</h4>
          </div>
          <ul class="">
            <li><a href="">红色</a></li>
            <li><a href="">粉色</a></li>
            <li><a href="">香槟</a></li>
            <li><a href="">黄色</a></li>
            <li><a href="">白色</a></li>
            <li><a href="">紫色</a></li>
            <li><a href="">蓝色</a></li>
          </ul>
        </div>
        <!-- 类别 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-4 d-block"></span>
            <h4>类别</h4>
          </div>
          <ul class="">
            <li><a href="">花束</a></li>
            <li><a href="">花盒</a></li>
            <li><a href="">瓶花</a></li>
            <li><a href="">精品鲜花</a></li>
            <li><a href="">果篮</a></li>
            <li><a href="">桌面花篮</a></li>
            <li><a href="">开业花篮</a></li>
            <li><a href="">组合花篮</a></li>
          </ul>
        </div>
        <!-- 价格 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-5 d-block"></span>
            <h4>价格</h4>
          </div>
          <ul class="">
            <li><a href="">特价鲜花</a></li>
            <li><a href="">150元以下</a></li>
            <li><a href="">150-250元</a></li>
            <li><a href="">250-350元</a></li>
            <li><a href="">350-550元</a></li>
            <li><a href="">550-800元</a></li>
            <li><a href="">800元以上</a></li>
          </ul>
        </div>
        <!-- 枝数 -->
        <div class="zuo-fist d-flex ">
          <div class="zuo-two m-auto">
            <span class="ico ico-6 d-block"></span>
            <h4>枝数</h4>
          </div>
          <ul class="zdy-zs">
            <li><a href="">9枝</a></li>
            <li><a href="">10枝</a></li>
            <li><a href="">11枝</a></li>
            <li><a href="">12枝</a></li>
            <li><a href="">16枝</a></li>
            <li><a href="">18枝</a></li>
            <li><a href="">19枝</a></li>
            <li><a href="">20枝</a></li>
            <li><a href="">22枝</a></li>
            <li><a href="">29枝</a></li>
            <li><a href="">33枝</a></li>
            <li><a href="">36枝</a></li>
            <li><a href="">50枝</a></li>
            <li><a href="">66枝</a></li>
            <li><a href="">99枝以上</a></li>
          </ul>
        </div>
        </div>
        <!-- 第二部分 -->
        <div class="content-hua">
          <div class="content-hua-one">
              <h3>热销鲜花推荐</h3>
          </div>
          <div class="content-hua-two">
            <div class="hua-card">
                <div>
                  <img src="../public/img/nav/1.jpg" alt="">
                </div>
                <div>
                  <div><a href="">鲜花/你是唯一-卡罗拉红玫瑰11枝</a></div>
                  <span class="d-block">¥ 158</span>
                </div>
            </div>
            <div class="hua-card">
              <div>
                <img src="../public/img/nav/2.jpg" alt="">
              </div>
              <div>
                <div><a href="">鲜花/一往情深-精品玫瑰礼盒:19枝卡罗拉红玫瑰，勿忘我1枝</a></div>
                <span class="d-block">¥ 273</span>
              </div>
          </div>
          <div class="hua-card">
            <div>
              <img src="../public/img/nav/3.jpg" alt="">
            </div>
            <div>
              <div><a href="">鲜花/Best for You-戴安娜粉玫瑰11枝</a></div>
              <span class="d-block">¥ 158</span>
            </div>
        </div>
        <div class="hua-card">
          <div>
            <img src="../public/img/nav/4.jpg" alt="">
          </div>
          <div>
            <div><a href="">
              鲜花/韩式系列/初心不负- 韩式花束系列花艺师全新打造，卡罗拉玫瑰11枝、白底粉边洋桔梗5枝、大叶尤加利10枝
          </a></div>
            <span class="d-block">¥ 249</span>
          </div>
      </div>
      <div class="hua-card">
        <div>
          <img src="../public/img/nav/5.jpg" alt="">
        </div>
        <div>
          <div><a href="">
            鲜花/韩式系列/亲爱的你-粉佳人玫瑰16枝、白和粉色洋桔梗各5枝、尤加利10枝、浅紫色小菊3枝、深粉色/浅粉色绣球1枝
        </a></div>
          <span class="d-block">¥ 428</span>
        </div>
    </div>
          </div>
        </div>
        <!-- 第三部分 -->
        <div class="content-three">
          <div>
            <h3>最新鲜花订单评价</h3>
          </div>
          <div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx1.jpg_80x87.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：A ~雪佛兰盛*</h5>
                <p><a href="">非常好，求婚成功</a></p>
              </div>
            </div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx1.jpg_80x87.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：RIELL*</h5>
                <p><a href="">非常准时的送到，花很漂亮，女朋友很喜欢。</a></p>
              </div>
            </div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx2.jpg_80x87.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：蒋腾*</h5>
                <p><a href="">非常漂亮，做工很精细</a></p>
              </div>
            </div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx3.jpg_80x87.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：陈*</h5>
                <p><a href="">鲜花让人心情愉悦</a></p>
              </div>
            </div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx4.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：刘一*</h5>
                <p><a href="">不错不错不错</a></p>
              </div>
            </div>
            <div class="content-three-card">
              <div>
              <img src="../public/img/nav/tx1.jpg_80x87.jpg" alt="">
            </div>
              <div class="">
                <h5>会员号：张威*</h5>
                <p><a href="">不错 非常可以</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 右边 -->
      <div class="content-you">
        <!-- 轮播图 -->
        <div class="shuffling">
            <!-- 最外层 -->
           <div class="carousel slide" id="banner" data-ride="carousel">
        <!-- 1.图片部分展示图 -->
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="../public/img/nav/lunbo1.jpg" alt="" class="d-block">
          </div>
          <div class="carousel-item">
            <img src="../public/img/nav/lunbo2.jpg" alt="" class="d-block">
          </div>
          <div class="carousel-item">
            <img src="../public/img/nav/lunbo3.jpg" alt="" class="d-block">
          </div>
        </div>
        <!-- 2.左右切换按钮 -->
        <a href="#banner" class="carousel-control-prev" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <a href="#banner" class="carousel-control-next" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>
        <!-- 指示控制符 -->
        <ul class="carousel-indicators xz-kzf">
          <li class="active" data-slide-to="0" data-target="#banner"></li>
          <li data-slide-to="1" data-target="#banner"></li>
          <li data-slide-to="2" data-target="#banner"></li>
        </ul>
      </div>

        </div>
        <!-- top标题 -->
        <div class="top-tit d-flex justify-content-between">
            <ul class="d-flex">
              <li class="cur"><a href="">综合</a></li>
              <li><a href="">销量<span></span></a></li>
              <li><a href="">价格<span></span></a></li>
              <li><a href="">最新<span></span></a></li>
            </ul>
            <ul class="d-flex">
              <li><span class="tit-number">1</span>/9</li>
              <li class="tit-next"><a href=""><span class="tit-prve"></span></a></li>
              <li class="tit-next"><a href=""><span class="tit-next"></span></a></li>
            </ul>
        </div>
        <!-- 输出卡片 -->
        <div class="content-card">
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/1.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/2.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/3.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/4.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/5.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/6.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/7.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/8.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/9.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div> 
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/10.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/11.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/12.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/13.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/14.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/15.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/16.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/17.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/18.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/19.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/20.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/21.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/22.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/23.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/24.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/25.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/26.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/27.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>
          <div class="card-box">
            <!-- 图片部分 -->
            <div>
              <a href="">
                <img src="../public/img/nav/28.jpg" alt="">
              </a>
            </div>
            <!-- 文字内容 -->
            <div>
              <div>
                <span>¥</span>
                <span>158</span>
              </div>
              <div>
               <a href="">
                 <span>鲜花/你是唯一-卡罗拉红玫瑰11枝</span>
                 <div><span>11枝热销款</span></div>
               </a>
              </div>
              <div>
                <a href="" id="sc"><span></span>收藏</a><a href="" id="push"><span></span>加入购物车</a>
              </div>
            </div>
          </div>

        </div>
        <!-- 分页页码 -->
        <div class="card-page">
          <div class="d-flex justify-content-between align-items-center">
            <p>1-9 / 共236件商品</p>
            <ul class="d-flex mb-0">
              <li><a href=""><span></span>上一页</a></li>
              <li class="cur"><a href="">1</a></li>
              <li><a href="">2</a></li>
              <li><a href="">3</a></li>
              <li><a href="">4</a></li>
              <li><a href="">5</a></li>
              <li><a href="">6</a></li>
              <li><a href="">...</a></li>
              <li><a href="">9</a></li>
              <li><a href="">下一页<span></span></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 鲜花礼仪 -->
   <div class="flowers">
     <div class="center">
       <div>
       <h3>鲜花常识&送花礼仪</h3>
      </div>
       <div>
         <ul>
            <li>
             <a href="">为什么要选择鲜花速递？</a>
            </li>
            <li>
              <a href="">选择鲜花速递需要注意什么？</a>
             </li>
             <li>
              <a href="">送花支数代表的含义</a>
             </li>
             <li>
              <a href="">各种花代表的不同含义</a>
             </li>
             <li>
              <a href="">玫瑰概述及花语</a>
             </li>
         </ul>
         <ul>
          <li>
           <a href="">送花的常识和技巧</a>
          </li>
          <li>
            <a href="">经典送花祝福语</a>
           </li>
           <li>
            <a href="">用鲜花表达情感-谈送花礼仪</a>
           </li>
           <li>
            <a href="">不同场合送什么花</a>
           </li>
           <li>
            <a href="">鲜花与星座</a>
           </li>
       </ul>
       <ul>
        <li>
         <a href="">如何让鲜花保鲜</a>
        </li>
        <li>
          <a href="">鲜花与节日</a>
         </li>
         <li>
          <a href="">鲜花与生日</a>
         </li>
         <li>
          <a href="">婚礼用鲜花大全</a>
         </li>
         <li>
          <a href="">女孩都喜欢别人送鲜花吗？</a>
         </li>
     </ul>
       </div>
     </div>
   </div>
  <!-- 页尾 -->
  <div class="foot">
    <div class="center">
      <div>
        <ol class="breadcrumb">
          <li class=".foot"><a href="">首页</a></li>
          <li class="breadcrumb-item"><a href="">关于我们</a></li>
          <li class="breadcrumb-item"><a href="">媒体报道</a></li>
          <li class="breadcrumb-item"><a href="">联系方式</a></li>
          <li class="breadcrumb-item"><a href="">企业团购</a></li>
          <li class="breadcrumb-item"><a href="">花店入驻</a></li>
          <li class="breadcrumb-item"><a href="">友情链接</a></li>
          <li class="breadcrumb-item"><a href="">在线补款</a></li>
          <li class="breadcrumb-item"><a href="">为什么选择花礼网</a></li>
        </ol>
      </div>
      <div>
        <img src="../public/img/login/slogan.png" alt="">
        <a href=""><img src="../public/img/login/100.jpg" alt=""></a>
        <a href=""><img src="../public/img/login/bico1.jpg" alt=""></a>
        <a href=""><img src="../public/img/login/govIcon.gif" alt=""></a>
      </div>
      <div>
        <p>
          <a href="">中国花卉协会会员</a>
          <a href="">中国电子商务协会会员</a>
          ICP经营许可证：
          <a href="">粤B2-20050744</a>
          <a href="">粤ICP备09171662号</a>
          <span class="hua hua-jc"></span>
          粤公网安备44030502000373号 Copyright © 2005-2021
        </p>
        <p>
           <a href="">www.hua.com</a>
           <span> 深圳市百易信息技术有限公司</span>
        </p>
      </div>
    </div>
</div>
</body>